<template>
  <div class="w-full h-full flex flex-col">
    <div class="w-full flex h-10 items-center text-[--textColor] border-b mb-3">
      <span class="ml-5">富文本编辑器</span>
    </div>
    <div class="w-full flex-1 px-5 pb-5 box-border">
      <rich-text
        :key="1"
        v-model:model-value="taskDescription"
        placeholder="请输入任务描述内容..."
        :maxLength="600"
      ></rich-text>
    </div>
  </div>
</template>

<script lang="ts">
import { defineComponent, onMounted, ref, watch } from "vue";
import richText from "@/components/RichText2/index.vue";

export default defineComponent({
  components: {
    "rich-text": richText,
  },
  setup() {
    const taskDescription = ref();
    return {
      taskDescription,
    };
  },
});
</script>

<style scoped></style>
